@charset "utf-8";
/* CSS Document */
/*  */ 
.center-tit{ border-bottom:1px solid #e2e2e2;}
.center-wrap{ padding-top:40px;}
.personal-l{ margin-left:46px; font-size:14px;}
.personal-l .personal-form{ margin-bottom:25px;}
.personal-label{ width:80px; height: 30px; line-height: 30px; text-align:right; margin-right:10px;}
.personal-label,.personal-item{ display:inline-block;}
.personal-item input[type="text"]{ width:138px; height:28px; line-height:28px; padding-left:5px; font-size:14px; border:1px solid #e2e2e2;}
.personal-r{ margin-right:125px;}
.personal-txt{ font-size:14px; vertical-align:top;}
.personal-photo{ margin-left:22px; display:inline-block; width:100px; height:100px; background:#f8f8f8; padding:27px; position:relative;}
.personal-photo img{ width:98px; height:98px; display:block; border:1px solid #e2e2e2; margin:0 auto; cursor: pointer;}
.personal-div{ width:98px; position:absolute; left:28px; bottom:28px; height:28px; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; -webkit-opacity: 0.6; -ms-opacity: 0.6; opacity: 0.6;}
.edit-photo{ font-size:14px; color:#fff; text-align:center;}
.personal-txt input[type="text"]{ width:73px; border:0;}
.personal-dropdown{ width:112px;}
.personal-sex.selected .circle-icon{ background-position: -58px -132px;}
.personal-sex{ margin-right:10px; cursor:pointer;}
.personal-sex em{ vertical-align:-2px; margin-right:3px;}
.personal-edit{ font-size:14px; color:#489aff; margin-left:10px;}
.personal-btn{ width:108px; height:40px; line-height:40px; text-align:center; display:block; background:#d41439; color:#fff; font-size:14px; margin-left:94px;}
.personal-btn:hover{ color:#fff;}
.personal-date{ margin: 4px 5px; display: inline-block;}
.personal-item .select-dropdown{ height:250px; overflow:auto; padding-top:3px;}
.personal-item .select-dropdown li{ margin-bottom:0;}
.personal-check,.personal-birth{ visibility:hidden;}
.personal-check{ width:0;}
.personal-birth{ width:5px;}
/*  setting */
.setting-item{ padding:40px 20px; border-bottom:1px solid #e2e2e2;}
.setting-item em{ width:30px; height:31px; vertical-align:-8px;}
.check-icon{ background-position:0 -217px; }
.tips-icon2{ background-position:-158px -217px;}
.setting-type{ font-size:20px; margin:0 97px 0 28px;}
.setting-span{ font-size:14px; color:#666;}
.setting-phone{ font-size:14px; color:#489aff; cursor:pointer;}
.setting-tel{ padding-top:0;}
.setting-pwd{ font-size:14px; color:#666; background:#f1f1f1; border:1px solid #ccc; padding:5px 9px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
/* modify-tel */
.modify-tel .progress-line{ height:4px;}
.modify-tel .order-progress h2{ width:110px; right:-40px;}
.modify-con{ margin-left:180px;}
.modify-con,
.modify-item label,
.modify-txt{ font-size:14px;}
.modify-item{ font-size:0; margin-top:20px;}
.modify-item label{ display:inline-block; color:#666; margin-right:15px; width:70px;  text-align:right;}
.modify-item input[type="text"]{ width:135px; height:38px; line-height:38px; border:1px solid #e2e2e2; padding-left:10px;}
.modify-code,.modify-btn{ height:40px; font-size:14px; text-align:center;}
.modify-code{ width:98px; margin-left:13px; border:1px solid #e2e2e2; background:#f7f7f7; vertical-align: top;}
.modify-btn{ margin-left:115px; margin-top:40px; background:#d41439; color:#fff; width:258px;}
.modify-tips{ color:#666; margin-top:40px;}
.modify-tips span{ color:#333;}
.modify-item input.new-tel{ width:251px;}
.modify-success{ text-align:center;}
.modify-h3{ font-size:20px; padding:70px 0 100px;}
.modify-success .modify-btn{ margin:0;}
/* colection */
.collect-con{ padding-top:20px;}
.collection-ul li{ width:288px; height:auto; padding-bottom:0; margin:0 20px 20px 0; border:1px solid #e2e2e2; position:relative;}
.collect-a{ position:absolute; left:0; top:0; width:288px; height:407px;}
.collection-ul .goods-txt{ padding-bottom:20px;}
.collection-ul img{ width:288px; height:288px;}
.collect-wrap{ padding:12px 10px; text-align:left; border-top:1px solid #e2e2e2; margin-top:407px;}
.del-collect{ width:12px; height:13px; background-position:-87px -194px; margin-top: 4px; cursor:pointer;}
.collect-span{ font-size:14px; margin-left:10px;}
/* user-center */
.center-con{ box-shadow:none; padding:0; width:995px; background:transparent;}
.center-info,.center-order{  box-shadow:0 0 3px rgba(0,0,0,.1); -webkit-box-shadow:0 0 3px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px rgba(0,0,0,.1); -ms-box-shadow:0 0 3px rgba(0,0,0,.1); background:#fff; padding:20px; margin-bottom:20px;}
.center-order{ padding:20px 20px 80px;}
.center-info{ padding:40px 0;}
.center-info li{ border-left:1px solid #e2e2e2; text-align:center; width:248px; height:114px; float:left;}
.center-info li:first-child{ border-left:none;}
.center-photo,.center-photo img{ width:80px; height:80px; margin:0 auto;}
.center-photo{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; overflow:hidden;}
.center-photo img{ display:block;}
.center-info p{ margin-top:15px; font-size:18px;}
.center-info h3{ font-size:14px; padding:24px 0;}
.center-info strong{ font-size:30px; color:#d41439;}
.check-order-span{ font-size:14px; cursor:pointer; color:#999;}
.order-empty{ display:none;}
.order-empty{ text-align:center; padding-top:64px;}
.order-empty img{ width:131px; height:131px; display:block; margin:0 auto;}
.order-empty h3{ padding:26px 0; font-size:24px; color:#ccc;}
.order-btn2{ border:1px solid #e2e2e2; padding:5px 10px; background:#f7f7f7; font-size:16px; color:#666;}
/* upload-photo */
.upload-btn{ padding:12px 30px; font-size:14px; color:#666; background:#f8f8f8; border:1px solid #e2e2e2; margin-right:25px;}
.upload-span1{ font-size:14px; color:#666;}
.upload-con{ padding-top:37px;}
.upload-img,.upload-img img{ width:318px; height:318px;}
.upload-img{ border:1px solid #e2e2e2; margin-right:30px;}
.upload-img img{ display:block;}
.upload-txt{ padding-left:30px; height:320px; border-left:1px solid #e2e2e2;}
.lit1-img,
.lit1-img img,
.lit2-img,
.lit2-img img{ width:100px; height:100px; border:1px solid #e2e2e2; background:#f7f7f7;}
.lit2-img,
.lit2-img img{ width:80px; height:80px;}
.upload-txt{ font-size:14px;}
.upload-txt h3{ padding-bottom:15px;}
.upload-txt p{ color:#666;}
.upload-lit1{ margin:20px 0 10px;}
.upload-lit1 p,.upload-lit2 p{ margin-top:5px;}
.upload-button{ font-size:14px; margin-top:40px;}
.upload-btn1{ background:#d41439; font-size:14px; color:#fff; padding:10px 42px; margin-right:50px;}
.upload-cancel{  color:#666; cursor:pointer;}
.pop-upload{ display:none;}
.pop-upload .pop-wrap{ width:400px; height:200px; margin:-100px 0 0 -200px;}
.pop-upload .pop-con{ padding:30px 20px 20px; text-align:center;}
.pop-upload .upload-span2{ margin-left:20px; font-size:18px;}
.pop-upload .upload-close{ margin-top:30px; padding-top:14px; border-top:1px solid #e2e2e2; text-align:right; font-size:12px; color:#666;}
.upload-close span{ cursor:pointer;}
/* account */
.account-top,.account-con{ padding:20px; background:#fff;}
.account-con{ padding-bottom:80px;}
.account-top .v-r-tit{ border-bottom:1px solid #e2e2e2; margin-bottom:30px;}
.account-l{ font-size:14px;}
.account-l strong{ font-size:42px; color:#d41439; vertical-align: -10px;}
.recharge-btn{ padding:6px 15px; margin-top: 14px; color:#fff; font-size:14px; background:#d41439; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.recharge-btn:hover{ color:#fff;}
.account-tit{ margin-bottom:15px; font-size:0;}
.account-tit .account-type{ color:#666; font-size:14px; display:inline-block; border-bottom:2px solid #fff; padding:3px; cursor:pointer; margin-right:35px;}
.account-tit .cur{ border-color:#d41439; color:#d41439;}
.account-txt input[type="text"]{ width:98px; color:#666;}
.account-txt .select-dropdown{ width:118px;}
.account-con{ margin-top:20px;}
.account-tab{ width:100%; text-align:center; display:none;}
.account-all{ display:table;}
.account-no{ width:25%;}
.account-amount{ width:15%;}
.account-record{ width:30%;}
.account-date{ width:25%;}
.account-tab thead{ height:34px; line-height:34px; font-size:16px; background:#eef0ef;}
.account-tab th{ font-weight:400;}
.account-tab td{ border-bottom:1px solid #e2e2e2; padding:34px 0; font-size:14px;}
/* v-integral */
.pop-exchange{ display:none;}
.pop-exchange .pop-wrap{ width:600px; min-height:360px; margin:-180px 0 0 -300px;}
.pop-exchange .pop-con{ padding:60px 105px; text-align:center;}
.exchange-ul li,.exchange-div{ border-width:1px; border-style:solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.exchange-ul li{ float:left; position:relative; text-align:center; width:118px; height:50px; margin:0 10px 10px 0; border-color:#e2e2e2; cursor:pointer;}
.exchange-div{ width:116px; height:48px; border-color:#fff;}
.exchange-div .exchange-h3{ color:#666; font-size:16px; line-height:16px; padding:6px 0 4px;}
.exchange-div .exchange-p{ color:#999; font-size:12px;}
.exchange-ul li.selected, 
.exchange-ul li:hover,
.exchange-ul li.selected .exchange-div,
.exchange-ul li:hover .exchange-div{ border-color:#d41439;}
.exchange-ul li.selected .exchange-h3,
.exchange-ul li.selected .exchange-p,
.exchange-ul li:hover .exchange-h3,
.exchange-ul li:hover .exchange-p{ color:#333;}
.cur-exchange{ font-size:16px; color:#666; margin:40px 0 15px;}
.exchange-btn{ width:180px; height:38px; font-size:16px; color:#fff; background:#d41439; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.exchange-success{ text-align:left; font-size:0; position:relative; height:200px; display:none;}
.exchange-con1{ margin-left:30px; display:inline-block; vertical-align:top; position:relative; padding-left:30px; border-left:1px solid #e2e2e2; height:150px;}
.exchange-h4{ font-size:22px; margin-bottom:55px;}
.exchange-p1{ font-size:14px; margin-bottom:15px;}
.exchange-close{ font-size:14px; color:#666; position:absolute; left:-80px; bottom:-45px;}
/* vip-recharge */
.recharge-wrap{ background:#fff;}
.recharge-bg{ width:1200px; height:365px; background:url(../images/recharge-bg.jpg) no-repeat;}
.recharge-con{ margin:0 auto; padding:40px 0 84px; text-align:center; width:736px;}
.recharge-h2{ padding-bottom:20px;}
.recharge-h2,.recharge-cur{ font-size:36px; line-height:36px;}
.recharge-cur{ color:#d41439; padding-bottom:40px;}
.recharge-con h4{ font-size:18px;}
.recharge-ul{ padding-bottom:30px; font-size:0; width: 760px;}
.recharge-ul li,.recharge-div{ border-width:1px; border-style:solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.recharge-ul li{ float:left; position:relative; text-align:center; width:166px; height:99px; margin:0 22px 22px 0; border-color:#e2e2e2; cursor:pointer;}
.recharge-div{ width:164px; height:97px; border-color:#fff;}
.recharge-div .recharge-h3{ color:#999; font-size:24px; line-height:24px; padding:22px 0 10px;}
.recharge-div .recharge-p{ color:#999; font-size:16px;}
.recharge-ul li.selected, 
.recharge-ul li:hover,
.recharge-ul li.selected .recharge-div,
.recharge-ul li:hover .recharge-div{ border-color:#d41439;}
.recharge-ul li.selected .recharge-h3,
.recharge-ul li.selected .recharge-p,
.recharge-ul li.selected .recharge-way,
.recharge-ul li:hover .recharge-h3,
.recharge-ul li:hover .recharge-p,
.recharge-ul li:hover .recharge-way{ color:#333;}
.recharge-ul1{ text-align:center;}
.recharge-ul1 li{ display:inline-block; float:none;}
.recharge-h4{ padding-bottom:30px;}
.recharge-way{ font-size:24px; line-height:97px; color:#999;}
.recharge-rule-box{ padding:40px 50px; background:#f8f8f8;}
.recharge-rule{ text-align:left; padding-top:40px;}
.recharge-rule h4{ font-size:18px; padding-bottom:30px;}
.recharge-rule p{ font-size:14px; color:#666; line-height:30px;}
.recharge-check em{ cursor:pointer;}
.recharge-check label{ font-size:14px; color:#666; vertical-align: 3px; margin-left: 7px; cursor:pointer;}
.recharge-btn1{ padding:12px 60px; font-size:22px; margin-top:50px;}
/* addr-manage */
.addr-manage{ margin-top:20px; max-height:none;}
.addr-max{ font-size:14px; color:#999;}
.addr-mg-btn{ padding:7px 17px; background:#f1f1f1; border:1px solid #ccc; margin-top:10px;}
/* reset-pwd */
.reset-pwd .modify-con{ margin-left:130px;}
.reset-pwd .modify-item label{ width:114px;}
.reset-pwd .payoff-pwd-item{ border-radius:0;}
.reset-pwd .payoff-pwd-item,
.reset-pwd .payoff-pwd-item span{ border-width:1px;}
.reset-pwd .modify-txt,
.reset-pwd .modify-item label{ display:inline-block; height:48px; line-height:48px; vertical-align:top;}